.esheyi-upload {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:calc(100% - 1.2rem);
    width:-webkit-calc(100% - 1.2rem);
    margin:0.3rem 0.6rem;
}
.esheyi-upload-title{
    margin:0 0.2rem;
    font-size: .3rem;
}
.esheyi-upload-content{
    width:calc(50% - .4rem);
    width:-webkit-calc(50% - .4rem);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height:1.72rem;
    float: left;
    margin:.3rem 0.2rem 0;
    background: #fff url(../img/Group10@2x.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    border: 1px dashed #dedede;
}
.esheyi-upload-box{
    overflow: hidden;
    height: 100%;
}
.esheyi-upload-image-box,.esheyi-upload-delete,.esheyi-upload-cover,.esheyi-upload-notice{
    display: none;
}
.esheyi-upload-image-box{
    width:100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index:97;
}
.esheyi-upload-image-box>img{
    height:100%;
    width:100%;
    vertical-align: middle;
}
#esheyi-upload-file,.esheyi-upload-cover{
    width: 100%;
    height: 100%;
    position: absolute;
    right:0;
    top:0;
}
#esheyi-upload-file{
    opacity: 0;
    z-index:96;
}
.esheyi-upload-content>p {
    z-index:100;
    text-align: center;
}
.esheyi-upload-cover{
    z-index:99;
    background: rgba(0,0,0,0.5) url(../img/loading.gif) no-repeat center center;
    background-size: contain;
}
.esheyi-upload-notice{
    position: absolute;
    text-align: center;
    width:70%;
    height: .6rem;
    font-size: .24rem;
    color:#fff;
    display:none;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
    border-radius: 5px;
    background: rgba(0,0,0,.5);
    line-height: .6rem;
    // bottom:0;
    z-index:999999999;
    top:50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
   // -webkit-transform: translate(0,100%);
   // -moz-transform: translate(0,100%);
   // -ms-transform: translate(0,100%);
   // -o-transform: translate(0,100%);
   // transform: translate(0,100%);
}
// .esheyi-upload-notice.success {
//     // color: #71cc1d;
//     display: block;
// }
// .esheyi-upload-notice.failed {
//     // color:#E02E08;
//     display: block;
// }
.esheyi-upload-delete{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url(../img/close.png) no-repeat center center;
    background-size: 100% 100%;
    z-index:98;
}
.clearfix::after,.clearfix::before {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix {
    zoom: 1;
}
